<div id="central_content"> 
      
      <!-- BEGIN central slogan and rss feed -->
      
      <div class="question1 ha">Category</div>
      <div class="question2 ha">Name</div>
      <div id="view_option">
        <div id="show">Show:</div>
        <div id="console" style="width:0; font-family: 'Courier New', monospace; height: 0px; display:none"></div>
        <!-- needed for the custom select -->
        
        <div class="cat_opt_button_container">
          <div id="o_switcher" class="o_switcher"> <span class="o_selected"><a href="">Option 2</a></span>
            <ul class="o_options">
              <li><a href="">Default</a></li>
              <li><a href="">Name</a></li>
              <li><a href="">Price(low to high)</a></li>
              <li><a href="">Price(high to low)</a></li>
            </ul>
          </div>
        </div>
        <div id="viewmode">
          <div id="view1" class="selected"></div>
          <a href="category-page-2.html"> <span id="view2"></span> </a></div>
      </div>
      <div style="clear:both;"></div>
      
      <!-- END central slogan and rss feed --> 
      
      <!-- BEGIN central products --> 
      
      <!-- BEGIN product1 -->
      
      <div class="category_item"> <a href="public/images/Product_photos/Image-zoom.jpg" class="simple_image" title=""> <span style="display: none;" class="category_zoom"><img src="public/images/ico-zoom.png" alt="Zoom Picture" title="Zoom Picture"/></span> <img src="public/images/Product_photos/object1.jpg" alt="Image 1" title="" class="category_images_border"/></a>
        <div class="product_info">
          <div class="category_product_title"><a href="category-page.html">Coelestis</a></div>
          <div class="category_product_number">#100</div>
          <div class="category_product_description">Heading Proin ut ornare risus. Sed tristique, massa vel rhoncus tempus, ligula quam ultrices enim, varius euismod neque erat quis sapien...</div>
          <div class="category_product_price">$59.99</div>
          <div class="category_add"><a href="product-page.html"><img src="public/images/add_icon.png" alt="add icon"/>ADD TO CART</a></div>
          <div class="category_details"><a href="product-page.html">DETAILS</a></div>
        </div>
        
        <!-- END product1 --> 
      </div>
      <div class="category_product_bar"></div>
      <!-- BEGIN product2 -->
      <div class="category_item"> <a href="public/images/Product_photos/Image-zoom.jpg" class="simple_image" title=""> <span style="display: none;" class="category_zoom"><img src="public/images/ico-zoom.png" alt="Zoom Picture" title="Zoom Picture"/></span> <img src="public/images/Product_photos/object2.jpg" alt="Image 1" title="" class="category_images_border"/></a>
        <div class="product_info">
          <div class="category_product_title"><a href="category-page.html">Ipsum Lorem</a></div>
          <div class="category_product_number">#100</div>
          <div class="category_product_description">Heading Proin ut ornare risus. Sed tristique, massa vel rhoncus tempus, ligula quam ultrices enim, varius euismod neque erat quis sapien...</div>
          <div class="category_product_price">$112.99</div>
          <div class="category_add"><a href="cart-page.html"><img src="public/images/add_icon.png"  alt="add icon"/>ADD TO CART</a></div>
          <div class="category_details"><a href="product-page.html">DETAILS</a></div>
        </div>
        <!-- END product2 --> 
      </div>
      <div class="category_product_bar"></div>
      <!-- BEGIN product3 -->
      <div class="category_item"> <a href="public/images/Product_photos/Image-zoom.jpg" class="simple_image" title=""> <span style="display: none;" class="category_zoom"><img src="public/images/ico-zoom.png" alt="Zoom Picture" title="Zoom Picture"/></span> <img src="public/images/Product_photos/object3.jpg" alt="Image 1" title="" class="category_images_border"/></a>
        <div class="product_info">
          <div class="category_product_title"><a href="category-page.html">Sibillis</a></div>
          <div class="category_product_number">#100</div>
          <div class="category_product_description">Heading Proin ut ornare risus. Sed tristique, massa vel rhoncus tempus, ligula quam ultrices enim, varius euismod neque erat quis sapien...</div>
          <div class="category_product_price">$722.99</div>
          <div class="category_add"><a href="cart-page.html"><img src="public/images/add_icon.png"  alt="add icon"/>ADD TO CART</a></div>
          <div class="category_details"><a href="product-page.html">DETAILS</a></div>
        </div>
        <!-- END product3 --> 
      </div>
      <div class="category_product_bar"></div>
      <!-- BEGIN product4 -->
      <div class="category_item"> <a href="public/images/Product_photos/Image-zoom.jpg" class="simple_image" title=""> <span style="display: none;" class="category_zoom"><img src="public/images/ico-zoom.png" alt="Zoom Picture" title="Zoom Picture"/></span> <img src="public/images/Product_photos/object4.jpg" alt="Image 1" title="" class="category_images_border"/></a>
        <div class="product_info">
          <div class="category_product_title"><a href="category-page.html">Melllum</a></div>
          <div class="category_product_number">#100</div>
          <div class="category_product_description">Heading Proin ut ornare risus. Sed tristique, massa vel rhoncus tempus, ligula quam ultrices enim, varius euismod neque erat quis sapien...</div>
          <div class="category_product_price">$453.99</div>
          <div class="category_add"><a href="cart-page.html"><img src="public/images/add_icon.png"  alt="add icon"/>ADD TO CART</a></div>
          <div class="category_details"><a href="product-page.html">DETAILS</a></div>
        </div>
        <!-- END product4 --> 
      </div>
      <div class="category_product_bar"></div>
      <!-- BEGIN product5 -->
      <div class="category_item"> <a href="public/images/Product_photos/Image-zoom.jpg" class="simple_image" title=""> <span style="display: none;" class="category_zoom"><img src="public/images/ico-zoom.png" alt="Zoom Picture" title="Zoom Picture"/></span> <img src="public/images/Product_photos/object5.jpg" alt="Image 1" title="" class="category_images_border"/></a>
        <div class="product_info">
          <div class="category_product_title"><a href="category-page.html">Actuntis</a></div>
          <div class="category_product_number">#100</div>
          <div class="category_product_description">Heading Proin ut ornare risus. Sed tristique, massa vel rhoncus tempus, ligula quam ultrices enim, varius euismod neque erat quis sapien...</div>
          <div class="category_product_price">$429.99</div>
          <div class="category_add"><a href="cart-page.html"><img src="public/images/add_icon.png"  alt="add icon"/>ADD TO CART</a></div>
          <div class="category_details"><a href="product-page.html">DETAILS</a></div>
        </div>
        <!-- END product5 --> 
      </div>
      <div class="category_product_bar"></div>
      <!-- BEGIN product6 -->
      <div class="category_item"> <a href="public/images/Product_photos/Image-zoom.jpg" class="simple_image" title=""> <span style="display: none;" class="category_zoom"><img src="public/images/ico-zoom.png" alt="Zoom Picture" title="Zoom Picture"/></span> <img src="public/images/Product_photos/object6.jpg" alt="Image 1" title="" class="category_images_border"/></a>
        <div class="product_info">
          <div class="category_product_title"><a href="category-page.html">Temport </a></div>
          <div class="category_product_number">#100</div>
          <div class="category_product_description">Heading Proin ut ornare risus. Sed tristique, massa vel rhoncus tempus, ligula quam ultrices enim, varius euismod neque erat quis sapien...</div>
          <div class="category_product_price">$249.99</div>
          <div class="category_add"><a href="cart-page.html"><img src="public/images/add_icon.png"  alt="add icon"/>ADD TO CART</a></div>
          <div class="category_details"><a href="product-page.html">DETAILS</a></div>
        </div>
        <!-- END product6 --> 
      </div>
      
      <!-- END central products -->
      <div style="margin-top:-1px;"></div>
       <!-- BEGIN navigation bar -->
      <div id="next_page"> <a href="#"> <span class="left_arrow"></span> <span class="left_arrow_hover"></span> </a>
        <div class="page_bar"></div>
        <div class="central_space">
          <div class="central_container"><span class="current_page">Showing 1 to 6 of 30 (5 Pages)</span><span class="page_bar_central"></span><a href="#"><span class="page1 selected">1</span></a><span class="page_bar_central"></span><a href="#"><span class="page2">2</span></a><span class="page_bar_central"></span><a href="#"><span class="page3">3</span></a><span class="page_bar_central"></span><a href="#"><span class="page4">4</span></a><span class="page_bar_central"></span><a href="#"><span class="page5">5</span></a><span class="page_bar_central"></span><a href="#"><span class="others"></span></a></div>
          <div id="page_bar"></div>
        </div>
        <div class="page_bar"></div>
        <a href="#"> <span class="right_arrow"></span> <span class="right_arrow_hover"></span> </a> <!-- END navigation bar --> 
      </div>
      
      
      <!-- END #central_content--> 
    </div>